<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
<meta name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

    <meta name="author" content="John Doe">





<title>jwahb | Hexo</title>



    <link rel="icon" href="/favicon.ico">




    <!-- stylesheets list from _config.yml -->
    
    <link rel="stylesheet" href="/css/style.css">
    



    <!-- scripts list from _config.yml -->
    
    <script src="/js/script.js"></script>
    
    <script src="/js/tocbot.min.js"></script>
    



    
    
        
    


<meta name="generator" content="Hexo 6.3.0"></head>

<body>
    <script>
        // this function is used to check current theme before page loaded.
        (() => {
            const currentTheme = window.localStorage && window.localStorage.getItem('theme') || '';
            const isDark = currentTheme === 'dark';
            const pagebody = document.getElementsByTagName('body')[0]
            if (isDark) {
                pagebody.classList.add('dark-theme');
                // mobile
                document.getElementById("mobile-toggle-theme").innerText = "· Dark"
            } else {
                pagebody.classList.remove('dark-theme');
                // mobile
                document.getElementById("mobile-toggle-theme").innerText = "· Light"
            }
        })();
    </script>

    <div class="wrapper">
        <header>
    <nav class="navbar">
        <div class="container">
            <div class="navbar-header header-logo"><a href="/">首页</a></div>
            <div class="menu navbar-right">
                
                    <a class="menu-item" href="/archives">文章</a>
                
                    <a class="menu-item" target="_blank" rel="noopener" href="https://music.163.com/#/user/home?id=1942006884">网易云</a>
                
                    <a class="menu-item" target="_blank" rel="noopener" href="https://blog.csdn.net/qq_63499161?type=blog">CSDN</a>
                
                    <a class="menu-item" target="_blank" rel="noopener" href="https://space.bilibili.com/671182115?spm_id_from=333.788.0.0">bili</a>
                
                <input id="switch_default" type="checkbox" class="switch_default">
                <label for="switch_default" class="toggleBtn"></label>
            </div>
        </div>
    </nav>

    
    <nav class="navbar-mobile" id="nav-mobile">
        <div class="container">
            <div class="navbar-header">
                <div>
                    <a href="/">首页</a><a id="mobile-toggle-theme">·&nbsp;Light</a>
                </div>
                <div class="menu-toggle" onclick="mobileBtn()">&#9776; Menu</div>
            </div>
            <div class="menu" id="mobile-menu">
                
                    <a class="menu-item" href="/archives">文章</a>
                
                    <a class="menu-item" target="_blank" rel="noopener" href="https://music.163.com/#/user/home?id=1942006884">网易云</a>
                
                    <a class="menu-item" target="_blank" rel="noopener" href="https://blog.csdn.net/qq_63499161?type=blog">CSDN</a>
                
                    <a class="menu-item" target="_blank" rel="noopener" href="https://space.bilibili.com/671182115?spm_id_from=333.788.0.0">bili</a>
                
            </div>
        </div>
    </nav>

</header>
<script>
    var mobileBtn = function f() {
        var toggleMenu = document.getElementsByClassName("menu-toggle")[0];
        var mobileMenu = document.getElementById("mobile-menu");
        if(toggleMenu.classList.contains("active")){
           toggleMenu.classList.remove("active")
            mobileMenu.classList.remove("active")
        }else{
            toggleMenu.classList.add("active")
            mobileMenu.classList.add("active")
        }
    }
</script>
            <div class="main">
                <div class="container">
    
    

    
    <article class="post-wrap">
        <header class="post-header">
            <h1 class="post-title">jwahb</h1>
            
                <div class="post-meta">
                    

                    
                        <span class="post-time">
                        Date: <a href="#">April 22, 2023&nbsp;&nbsp;14:27:02</a>
                        </span>
                    
                    
                </div>
            
        </header>

        <div class="post-content">
            <head>
     <meta charset="UTF-8">
    <title>Title</title>
  <style>
    .head{
      width:224px;
      height:200px;
      margin:100px auto 0 auto;
      /* background-color:#12a4d3; */
      /* background:linear-gradient(-135deg,#ffffff,#12a4d3 25%); */
      background:radial-gradient(closest-side at 88% 12%,#fff,#12a4d3);
      border:2px solid #365162;
      border-radius:50%;
      position:relative;
      box-shadow:-5px 5px 10px #9ba09c;
    }
    .face{
      width:185px;
      height:135px;
      border:2px solid black;
      background-color:white;
      border-radius:50%;
      position:absolute;
      margin:auto;
      left:0;
      right:0;
      top:50px;
      z-index:2;
    }
    .eye{
      width:50px;
      height:58px;
      border:2px solid black;
      background-color:white;
      border-radius:23px;
      position:absolute;
      top:-30px;
      z-index:2;
    }
    .eyeLeft{
      left:40px;
    }
    .eyeRight{
      right:40px;
    }
    .eyeDot{
      width:10px;
      height:10px;
      background-color:black;
      border-radius:50%;
      position:absolute;
      top:28px;
    }
    .eyeDotLeft{
      right:6px;
    }
    .eyeDotRight{
      left:6px;
    }
    .nose{
      width:20px;
      height:20px;
      border:1px solid black;
      background-color:#c13905;
      border-radius:8px;
      position:absolute;
      margin:auto;
      left:0;
      right:0;
      top:22px;
      z-index:1;
    }
    .noseShadow{
      width:0;
      height:0;
      box-shadow:0 0 3px 3px white;
      position:absolute;
      right:5px;
      top:8px;
    }
    .nostrils{
      width:2px;
      height:68px;
      background-color:black;
      position:absolute;
      margin:auto;
      left:0;
      right:0;
      top:44px;
      z-index:1;
    }
    .mouth{
      width:130px;
      height:100px;
      border-bottom:2px solid black;
      border-radius:50%;
      position:absolute;
      margin:auto;
      left:0;
      right:0;
      top:12px;
    }
    .mouthSquare{
      width:130px;
      height:50px;
      background-color:white;
      position: absolute;
      margin:auto;
      left:0;
      right:0;
      top:40px;
    }
    .beard{
      width:160px;
      height:2px;
      background-color:black;
      position:absolute;
      margin:auto;
      left:0;
      right:0;
      top:66px;
    }
    .beard02{
      transform:rotate(15deg);
    }
    .beard03{
      transform:rotate(-15deg);
    }
    .beardSquare{
      width:76px;
      height:25px;
      background-color:#ffffff;
      position:absolute;
      margin:auto;
      left:0;
      right:0;
      top:54px;
    }
    /* 身体 */
    .body{
      width:154px;
      height:120px;
      background-color:#02a8d8;
      margin:0 auto;
      position:relative;
      top:-15px;
    }
    .belly{
      width:118px;
      height:118px;
      border:2px solid black;
      border-radius:50%;
      background-color:white;
      position:absolute;
      top:-20px;
      left:17px;
    }
    .pocket{
      width:90px;
      height:45px;
      border:2px solid black;
      border-radius:0 0 45px 45px;
      position:absolute;
      bottom:12px;
      left:12px;
    }
    .tie{
      width:160px;
      height:14px;
      border:1px solid black;
      background-color:#a51f02;
      border-radius:5px;
      position:absolute;
      top:-10px;
      left:-4px;
      z-index:3;
    }
    .bell{
      width:30px;
      height:30px;
      background-color:#d1c710;
      border:1px solid black;
      border-radius:50%;
      position: absolute;
      margin:auto;
      left:0;
      right:0;
      top:3px;
    }
    .bellLine{
      width:28px;
      height:2px;
      background-color:black;
      position: absolute;
      margin:auto;
      left:0;
      right:0;
      top:6px;
    }
    .bellLine02{
      width:30px;
      top:10px;
    }
    .bellDot{
      width:10px;
      height: 10px;
      background-color:black;
      border-radius:50%;
      position: absolute;
      margin:auto;
      left:0;
      right:0;
      bottom:6px;
    }
    .bellLine03{
      width:2px;
      height:6px;
      top:24px;
    }
    .bellSquare{
      width:0;
      height:0;
      box-shadow:0 0 5px 5px white;
      position: absolute;
      right:8px;
      top:8px;
    }
    .arm{
      width:30px;
      height:70px;
      background-color:#02a8d8;
      border:1px solid black;
      position: absolute;
      top:0;
      z-index:-1;
    }
    .armLeft{
      left:0;
      transform-origin:left top;
      transform:rotate(45deg);
    }
    .armRight{
      right:0;
      transform-origin:right top;
      transform:rotate(-45deg);
    }
    .hand{
      width:43px;
      height:43px;
      background-color:white;
      border:1px solid black;
      border-radius:45%;
      position:absolute;
      left:-7px;
      bottom:-23px;
      transform:rotate(45deg);
    }
    .foot{
      width:87px;
      height:22px;
      background-color:white;
      border:2px solid black;
      border-radius:22px 15px 15px 10px;
      position:absolute;
      bottom:-18px;
    }
    .footLeft{
      left:-18px;
    }
    .footRight{
      right:-18px;
    }
    .circle{
      width:14px;
      height:7px;
      border:2px solid black;
      border-bottom:none;
      border-radius:14px 14px 0 0;
      background-color:white;
      position: absolute;
      margin:auto;
      left:0;
      right:0;
      bottom:0;
    }
    .bodyLeft{
      width: 1px;
      height: 90px;
      background-color: black;
      position: absolute;
      top: 24px;
      left: 0px;
      }
    .bodyRight{
      width: 1px;
      height: 90px;
      background-color: black;
      position: absolute;
      top: 24px;
      left: 153px;


<p>}</p>
<p>  </style></p>
</head>

<body><div class="head">

  <div class="face">
    <div class="eye eyeLeft">
      <div class="eyeDot eyeDotLeft"></div>
    </div>
    <div class="eye eyeRight">
      <div class="eyeDot eyeDotRight"></div>
    </div>
    <div class="nose">
      <div class="noseShadow"></div>
    </div>
    <div class="nostrils"></div>
    <div class="mouth"></div>
    <div class="mouthSquare"></div>
    <div class="beard"></div>
    <div class="beard beard02"></div>
    <div class="beard beard03"></div>
    <div class="beardSquare"></div>
  </div>
</div>

<div class="body">
  <div class="belly">
    <div class="pocket"></div>
  </div>
  <div class="tie">
    <div class="bell">
      <div class="bellLine"></div>
      <div class="bellLine bellLine02"></div>
      <div class="bellLine bellLine03"></div>
      <div class="bellDot"></div>
      <div class="bellSquare"></div>
    </div>
  </div>
  <div class="arm armLeft">
    <div class="hand"></div>
  </div>
  <div class="arm armRight">
    <div class="hand"></div>
  </div>
  <div class="circle"></div>
  <div class="foot footLeft"></div>
  <div class="foot footRight"></div>
  <div class="bodyLeft"></div>
  <div class="bodyRight"></div>
</div>

</body>



<p><strong>贺磊磊：我喜欢，阳光开朗，大大方方，然后，积极向上，有正能量（因为有时候我就会抱怨，那不能两人一起抱怨吧），三观正，会运动，（最好能带我一起运动）！</strong></p>
<p><img src="/images/A.jpg"></p>

        </div>

        
            <section class="post-copyright">
                
                    <p class="copyright-item">
                        <span>Author:</span>
                        <span>John Doe</span>
                    </p>
                
                
                    <p class="copyright-item">
                        <span>Permalink:</span>
                        <span><a href="https://jwahb.gitee.io/2023/04/22/jwahb/">https://jwahb.gitee.io/2023/04/22/jwahb/</a></span>
                    </p>
                
                
                    <p class="copyright-item">
                        <span>License:</span>
                        <span>Copyright (c) 2019 <a target="_blank" rel="noopener" href="http://creativecommons.org/licenses/by-nc/4.0/">CC-BY-NC-4.0</a> LICENSE</span>
                    </p>
                
                
                     <p class="copyright-item">
                         <span>Slogan:</span>
                         <span>Do you believe in <strong>DESTINY</strong>?</span>
                     </p>
                

            </section>
        
        <section class="post-tags">
            <div>
                <span>Tag(s):</span>
                <span class="tag">
                    
                </span>
            </div>
            <div>
                <a href="javascript:window.history.back();">back</a>
                <span>· </span>
                <a href="/">home</a>
            </div>
        </section>
        <section class="post-nav">
            
                <a class="prev" rel="prev" href="/2023/07/07/%E5%B0%8F%E8%83%96%E5%AD%90/">小胖子</a>
            
            
        </section>


    </article>
</div>

            </div>
            <footer id="footer" class="footer">
    <div class="copyright">
        <span>© John Doe | Powered by <a href="https://hexo.io" target="_blank">Hexo</a> & <a href="https://github.com/Siricee/hexo-theme-Chic" target="_blank">Chic</a></span>
    </div>
</footer>

    </div>
</body>

</html>